<%--
  Created by IntelliJ IDEA.
  User: food
  Date: 2022/11/8
  Time: 4:42 PM
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <!-- 新 Bootstrap5 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/css/bootstrap.min.css">

    <!--  popper.min.js 用于弹窗、提示、下拉菜单 -->
    <script src="https://cdn.staticfile.org/popper.js/2.9.3/umd/popper.min.js"></script>

    <!-- 最新的 Bootstrap5 核心 JavaScript 文件 -->
    <script src="https://cdn.staticfile.org/twitter-bootstrap/5.1.1/js/bootstrap.min.js"></script>

    <!-- Bootstrap5 图标库 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.0/font/bootstrap-icons.css">

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
          integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
            integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
            crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js"
            integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB"
            crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js"
            integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13"
            crossorigin="anonymous"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/assets/css/导航样式.css" type="text/css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/assets/css/首页样式.css" type="text/css">
    <style type="text/css">
        /* popular用于制作我们热爱的艺术家中的人物图片 */

        .popular {
            width: 120px;
            height: 120px;
            border-radius: 120px;
            overflow: hidden;
            display: inline-block;
            vertical-align: top;
            text-align: center;
        }

        /* 背景设置，暂时用不上，先留着，后面再用 */

        .background_chat {
            background-size: 800px 539px;
            background-position: 50%;
            background-repeat: no-repeat;
            position: absolute;
            right: 0;
            top: 0;
            width: 800px;
            height: 539px;
        }
        /* 胶囊字体颜色 */
        .c .nav-link {
            background-color: white;
        }

        .c .nav-link:hover {
            background-color: #d5a770;
        }

        .img-auto {
            width: auto;
            height: auto;
            max-width: 100px;
            max-height: 100px;
        }

        .from-lab-gray {
            background-color: #f2f2f2;
            border: 2px solid transparent;
            border-radius: 0;
        }

        /* header*/
        .header-box {

            position: relative;
        }

        .header-menu {
            position: relative;

            display: none;
        }

        .header-box:hover .header-menu {
            display: block;

        }

        /* 鼠标经过时改变字体颜色 */
    </style>

</head>

<body class="">
<!-- 头部导航 -->
<jsp:include page="${pageContext.request.contextPath}/pages/index/header.jsp"/>
<!-- body -->
<section class="" style="padding-top:130px;background-color: #f2f2f2;">

    <div class="container-fluid mt-3 row  m-auto">

        <br>
        <!-- 缩小时出现 -->
        <section class="account-nav hidden-md hidden-lg d-lg-none d-xxl-block text-end position-fixed p-0 m-0">
            <div class="container mt-3 ">
                <div class="dropdown">
                    <button type="button" class="btn btn-primary dropdown-toggle" data-bs-toggle="dropdown">
                        我的账户
                    </button>
                    <ul class="dropdown-menu">
                        <li><a class="dropdown-item " href="#home">我的工作台</a></li>
                        <li><a class="dropdown-item" href="#menu1">信息管理</a></li>
                        <li><a class="dropdown-item" href="#menu2">我的商品状态</a></li>
                        <li><a class="dropdown-item" href="#menu3">销售统计</a></li>
                        <li><a class="dropdown-item" href="menu4#">友情支持</a></li>
                        <li><a class="dropdown-item" href="#">登出</a></li>
                    </ul>
                </div>
            </div>
        </section>
        <!-- 放大时出现 -->
        <ul class="nav nav-pills col-1  hidden-xs hidden-sm d-none d-lg-block d-xxl-none" role="tablist"
            style="width:280px;height:224px;">
            <li class="nav-item text-center" style="width:240px;background-color: #f2f2f2;">
                <a class="nav-link active p-3" data-bs-toggle="pill" href="#home"><svg
                        xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor"
                        class="bi bi-display me-2" viewBox="0 0 16 16">
                    <path
                            d="M0 4s0-2 2-2h12s2 0 2 2v6s0 2-2 2h-4c0 .667.083 1.167.25 1.5H11a.5.5 0 0 1 0 1H5a.5.5 0 0 1 0-1h.75c.167-.333.25-.833.25-1.5H2s-2 0-2-2V4zm1.398-.855a.758.758 0 0 0-.254.302A1.46 1.46 0 0 0 1 4.01V10c0 .325.078.502.145.602.07.105.17.188.302.254a1.464 1.464 0 0 0 .538.143L2.01 11H14c.325 0 .502-.078.602-.145a.758.758 0 0 0 .254-.302 1.464 1.464 0 0 0 .143-.538L15 9.99V4c0-.325-.078-.502-.145-.602a.757.757 0 0 0-.302-.254A1.46 1.46 0 0 0 13.99 3H2c-.325 0-.502.078-.602.145z" />
                </svg>工作台</a>
            </li>
            <li class="nav-item text-center" style="width:240px;background-color: #f2f2f2;">
                <a class="nav-link p-3" data-bs-toggle="pill" href="#menu1"><svg xmlns="http://www.w3.org/2000/svg"
                                                                                 width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                                                                                 stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                                                                                 class="feather feather-file me-2" aria-hidden="true">
                    <path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z">
                    </path>
                    <polyline points="13 2 13 9 20 9"></polyline>
                </svg>信息管理</a>
            </li>
            <li class="nav-item text-center" style="width:240px;background-color: #f2f2f2;">
                <a class="nav-link p-3" data-bs-toggle="pill" href="#menu2"><svg xmlns="http://www.w3.org/2000/svg"
                                                                                 width="20" height="20" fill="currentColor" class="bi bi-cart  me-2" viewBox="0 0 16 16">
                    <path
                            d="M0 1.5A.5.5 0 0 1 .5 1H2a.5.5 0 0 1 .485.379L2.89 3H14.5a.5.5 0 0 1 .491.592l-1.5 8A.5.5 0 0 1 13 12H4a.5.5 0 0 1-.491-.408L2.01 3.607 1.61 2H.5a.5.5 0 0 1-.5-.5zM3.102 4l1.313 7h8.17l1.313-7H3.102zM5 12a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-7 1a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm7 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2z" />
                </svg>商品状态</a>
            </li>
            <li class="nav-item text-center" style="width:240px;background-color: #f2f2f2;">
                <a class="nav-link p-3" data-bs-toggle="pill" href="#menu3">
                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor"
                         class="bi bi-bar-chart-fill me-2" viewBox="0 0 16 16">
                        <path
                                d="M1 11a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-3zm5-4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V7zm5-5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V2z" />
                    </svg>
                    销售统计</a>
            </li>
            <li class="nav-item text-center" style="width:240px;background-color: #f2f2f2;">
                <a class="nav-link p-3" data-bs-toggle="pill" href="#menu4">
                    <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor"
                         class="bi bi-lightbulb me-2" viewBox="0 0 16 16">
                        <path
                                d="M2 6a6 6 0 1 1 10.174 4.31c-.203.196-.359.4-.453.619l-.762 1.769A.5.5 0 0 1 10.5 13a.5.5 0 0 1 0 1 .5.5 0 0 1 0 1l-.224.447a1 1 0 0 1-.894.553H6.618a1 1 0 0 1-.894-.553L5.5 15a.5.5 0 0 1 0-1 .5.5 0 0 1 0-1 .5.5 0 0 1-.46-.302l-.761-1.77a1.964 1.964 0 0 0-.453-.618A5.984 5.984 0 0 1 2 6zm6-5a5 5 0 0 0-3.479 8.592c.263.254.514.564.676.941L5.83 12h4.342l.632-1.467c.162-.377.413-.687.676-.941A5 5 0 0 0 8 1z" />
                    </svg>
                    友情支持</a>
            </li>
        </ul>
        <div class="tab-content col p-0 bg-white mb-5 rounded-3">
            <div id="home" class="container tab-pane active pb-5"><br>
                <h2 class="text-center p-5 pt-2">我的工作台</h2>
                <div class="section alert alert-info overlay ">

                    <div class="row">
                        <div class="col-sm-12 text-center">
                            <p>艺术品交易数据总览，以及大数据预测分析，详细交易数据需点击下方查看。
                            </p>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-sm-12 text-center">
                            <p class="request-container p-2 " ng-show="$ctrl.showAddPulseButton"><button class="btn btn-default bg-white p-2" ng-click="$ctrl.addPulse()" name="button">查看更多数据
                            </button></p>

                        </div>
                    </div>
                </div>
                <div class="section ps-4">
                    <div class="row">
                        <div class="col-sm-12">
                            <currently-active class="ng-isolate-scope">
                                <div class="h5 text-dark pt-5">目前在线人数</div>
                                <hr>

                                <div class="currently-active-body">
                                    <div class="row pt-4">
                                        <div class="col-sm-3">
                                            <currently-active-user-type user-type="Buyers" metrics-class="metrics-light" total-count="$ctrl.buyerTotalCount" class="ng-isolate-scope">
                                                <dl class="metrics metrics-light">
                                                    <dt class="large ng-binding text-secondary h5">购买人数</dt>
                                                    <dd class="large ng-binding h2 p-2" style="color:#05C8E6">
                                                        597
                                                    </dd>

                                                    <dt class="ng-binding text-secondary small">新买家</dt>
                                                    <dd class="ng-binding" style="color:#05C8E6"><strong class="ng-binding">65%</strong> (393)
                                                    </dd>

                                                    <dt class="ng-binding text-secondary small">回访的买主
                                                    </dt>
                                                    <dd class="ng-binding" style="color:#05C8E6"><strong class="ng-binding">35%</strong> (204)
                                                    </dd>
                                                </dl>
                                            </currently-active-user-type>
                                        </div>

                                        <div class="col-sm-3">
                                            <currently-active-user-type user-type="Sellers" metrics-class="metrics-light" total-count="$ctrl.sellerTotalCount" class="ng-isolate-scope">
                                                <dl class="metrics metrics-light">
                                                    <dt class="large ng-binding text-secondary h5">合作卖家</dt>
                                                    <dd class="large ng-binding h2 p-2" style="color:#05C8E6">
                                                        1,206
                                                    </dd>

                                                    <dt class="ng-binding text-secondary small">新卖家</dt>
                                                    <dd class="ng-binding" style="color:#05C8E6"><strong class="ng-binding">71%</strong> (860)
                                                    </dd>

                                                    <dt class="ng-binding text-secondary small">回访的卖家

                                                    </dt>
                                                    <dd class="ng-binding" style="color:#05C8E6"><strong class="ng-binding">29%</strong> (346)
                                                    </dd>
                                                </dl>
                                            </currently-active-user-type>

                                        </div>

                                        <div class="col-sm-6">
                                            <currently-active-total buyer-total-count="$ctrl.buyerTotalCount" seller-total-count="$ctrl.sellerTotalCount" class="ng-isolate-scope">
                                                <div class="currently-active-total">
                                                    <div class="row">
                                                        <div class="col-sm-12 d-flex justify-content-end pe-4">
                                                            <dl class="metrics metrics-green pull-right">
                                                                <dt class="large text-secondary h5">用户 总数
                                                                </dt>
                                                                <dd class="large ng-binding h2 p-2" style="color:#00E488">1,803</dd>
                                                            </dl>

                                                        </div>
                                                    </div>
                                                </div>
                                            </currently-active-total>
                                        </div>
                                        <div class="section h4 pt-5 pb-2">
                                            <header>大数据分析</header>
                                        </div>
                                        <hr>
                                        <div class="row">
                                            <div class="col-sm-8">
                                                <div class="messages p-2 ps-0">
                                                    <div class="notification">
                                                        <div class="text-primary pb-2"><a href="">在上个月，网站的交易率从
                                                            <strong style="color:#05C8E6">30%</strong> 下降到
                                                            <strong style="color:#05C8E6">15%</strong> 。
                                                        </a></div>
                                                        <p class="desc ">公司是否对交易佣金费用做了任何改变？网站的交易率已经下降了，但如果公司是战略性地做这件事，就不必担心。较低的交易率有助于减少带来新买家/卖家的摩擦，增加网站的整体收入机会。</p>
                                                        <p class="timestamp small">2021 . 11 . 10</p>
                                                    </div>
                                                    <hr>
                                                    <div class="notification">
                                                        <div class="text-primary pb-2"><a href="">请提高网站的买家对卖家的比例</a></div>
                                                        <p class="desc">平台上每 <strong style="color:#05C8E6">1.5
                                                            购买者</strong> 有 <strong style="color:#05C8E6">1个卖家</strong> 匹配, 而艺术品交易行业的标准是5个买家对1个卖家。现在网站已经建立了专线的供应，专注于加入新的买家，继续建立你的网络效应。
                                                        </p>
                                                        <p class="timestamp  small">2021 . 11 . 10</p>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class=" col-sm-4 ">
                                                <div class="sidebar">
                                                    <p><img class="mx-auto d-block" style="max-width: 240px;max-height: 240px;width: auto;height: auto;" src="../images/benchmark-f52e1447aa.jpg"></p>
                                                    <div>将交易数据进行更深入分析</div>
                                                    <p>交易数据将导入模型，进行市场交易分析。</p>
                                                    <button class="btn p-2 m-2 " style="background-color:#00E488">获取更多</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </currently-active>
                        </div>

                    </div>
                </div>

            </div>
            <div id="menu1" class="container tab-pane fade pb-5"><br>
                <h2 class="text-center p-5 pt-2">我的信息管理</h2>
                <main class="container">
                    <div class="h5 py-2">艺术的归宿是欣赏与分享</div>

                    <div class="my-3 p-3 bg-body rounded shadow-sm">
                        <h6 class="border-bottom pb-2 mb-0">待注册艺术家</h6>
                        <div class="d-flex text-muted pt-3">
                            <img class="mx-2 rounded-3" width="56" height="56"
                                 src="../images/533_5d63ee89d1a71b34d9a211919a03bb7b.jpeg" alt="">
                            <p class="pb-3 mb-0 small lh-sm border-bottom p-2">
                                <strong class="d-block text-gray-dark">Nanna Hänninen</strong>
                                尽管如此，图片只是一件事，而艺术家并不是最终的征服。这更像是对不可思议的突袭。
                            </p>
                        </div>
                        <div class="d-flex text-muted pt-3">
                            <img class="mx-2 rounded-3" width="56" height="56"
                                 src="../images/984_9ce8eaa94fbddc4a8d0226a13d35ae9c.jpeg" alt="">
                            <p class="pb-3 mb-0 small lh-sm border-bottom p-2">
                                <strong class="d-block text-gray-dark">Frédéric Krauke</strong>
                                当很少有空间/当接近导致/当欲望移动另一个/然后它变得不舒服时。
                            </p>
                        </div>
                        <div class="d-flex text-muted pt-3">
                            <img class="mx-2 rounded-3" width="56" height="56"
                                 src="../images/9449_profile_fc1163f32af7aad05361a054ada6743d.jpeg" alt="">
                            <p class="pb-3 mb-0 small lh-sm border-bottom p-2">
                                <strong class="d-block text-gray-dark">Selma Fener</strong>
                                光使颜色可见。颜色使形状可见。表单使语言可见。打开灯，闭嘴！
                            </p>
                        </div>
                        <small class="d-block text-end mt-3">
                            <a href="#" style="color: #d5a770;">全部关注</a>
                        </small>
                    </div>
                    <div class="h4 pt-5 pb-3">艺术无国界</div>
                    <div class="my-3 p-3 bg-body rounded shadow-sm">
                        <h6 class="border-bottom pb-2 mb-0">待上线艺术品</h6>
                        <div class="d-flex text-muted pt-3">
                            <img class="mx-2 rounded-3" width="56" height="56"
                                 src="../images/serie_3538_29d619dfa90d179ec0319d92de9c33f4.jpeg" alt="">
                            <div class="pb-3 mb-0 small lh-sm border-bottom w-100">
                                <div class="d-flex justify-content-between">
                                    <strong class="text-gray-dark">Aqua 3th</strong>
                                    <a href="#" style="color: #d5a770;">收藏</a>
                                </div>
                                <span class="d-block p-2">我将人类世和气候变化作为我们时代的文化范式，塑造了我们想象未来的方式。</span>
                            </div>
                        </div>
                        <div class="d-flex text-muted pt-3">
                            <img class="mx-2 rounded-3" width="56" height="56"
                                 src="../images/serie_23253_c4f8c044ac9a693edb2c824699ffe30a.jpeg" alt="">
                            <div class="pb-3 mb-0 small lh-sm border-bottom w-100">
                                <div class="d-flex justify-content-between">
                                    <strong class="text-gray-dark">LV Skull</strong>
                                    <a href="#" style="color: #d5a770;">收藏</a>
                                </div>
                                <span class="d-block p-2">我认为艺术家是那些停下来思考，反思过去以寻找未来希望的人。在我的照片中，我试图重现过去已经存在的希望。</span>
                            </div>
                        </div>
                        <div class="d-flex text-muted pt-3">
                            <img class="mx-2 rounded-3" width="56" height="56"
                                 src="../images/serie_4299_d47bbcd782b55ba90cbc1d83819a052c.jpeg" alt="">
                            <div class="pb-3 mb-0 small lh-sm border-bottom w-100">
                                <div class="d-flex justify-content-between">
                                    <strong class="text-gray-dark">Behind blue eyes</strong>
                                    <a href="#" style="color: #d5a770;">收藏</a>
                                </div>
                                <span
                                        class="d-block p-2">对于我来说，将叙述与概念，概念与材料和材料相结合是非常重要的。我的实践源于对经济，地缘政治和社会系统所塑造的当代身份的兴趣。</span>
                            </div>
                        </div>
                        <small class="d-block text-end mt-3">
                            <a href="#" style="color: #d5a770;">全部关注</a>
                        </small>
                    </div>
                </main>
            </div>
            <div id="menu2" class="container tab-pane fade"><br>
                <h2 class="text-center p-5 pt-2">我的商品状态</h2>
                <div class="cart-wishlist">
                    <hr>
                    <div class=""><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-cart  me-2" viewBox="0 0 16 16">
                        <path
                                d="M0 1.5A.5.5 0 0 1 .5 1H2a.5.5 0 0 1 .485.379L2.89 3H14.5a.5.5 0 0 1 .491.592l-1.5 8A.5.5 0 0 1 13 12H4a.5.5 0 0 1-.491-.408L2.01 3.607 1.61 2H.5a.5.5 0 0 1-.5-.5zM3.102 4l1.313 7h8.17l1.313-7H3.102zM5 12a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm-7 1a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm7 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2z" />
                    </svg>上架商品 </div>
                    <div class="row">
                        <div class="wish-element  mt-2">
                            <table class="bg-white container-fluid">
                                <tbody>
                                <tr>
                                    <td class="col-artwork ">
                                        <a href="#" data-mfp-src="https://singulart-website-prod.s3.eu-central-1.amazonaws.com/artworks/pictures/cropped/76/262/zoom/serie_262_c93845e56f7b059abd33799d4f2b25aa.jpeg">
                                            <img class="p-2 img-auto mx-auto d-block" src="../images/serie_29953_8180801fdd9767e5d2536e7c2e61154b.webp" alt="Red flow"></a>
                                    </td>
                                    <td class="col-desc ">
                                        <div class="artwork-title " title="Red flow"><a class="text-decoration-none text-black small" href="/zh/artworks/david-gista-red-flow-189019"><strong>
                                            Red
                                            flow</strong></a></div>
                                        <p class="artwork-artist mb-0">
                                            <a class="text-decoration-none text-secondary small" href="/zh/artist/david-gista-76">
                                                David Gista
                                            </a>
                                        </p>
                                        <p class="artwork-desc text-decoration-none text-secondary small mb-0">
                                            130x162 cm - 2018
                                        </p>
                                        <div class="price d-block d-sm-none">
                                            <div class="price small" style="color:#d5a770">
                                                咨询作品价格</div>

                                        </div>
                                    </td>
                                    <td class="col-price hidden-xs d-none d-sm-block p-3">
                                        <div class="title small">状态</div>
                                        <div class="h5 price" style="color: #d5a770">已出售
                                        </div>
                                    </td>
                                    <td class="col-actions hidden-xs">
                                    </td>
                                    <td class="col-delete hidden-xs ">
                                        <a href="#" rel="tooltip" data-toggle="tooltip" data-placement="top" title="" data-item="10876" data-aid="189019" class="wishlist-delete" data-original-title="删除">
                                            <svg class="text-dark" xmlns="http://www.w3.org/2000/svg" width="23" height="23" fill="currentColor" class="bi bi-trash" viewBox="0 0 16 16">
                                                <path
                                                        d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6z" />
                                                <path fill-rule="evenodd"
                                                      d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118zM2.5 3V2h11v1h-11z" />
                                            </svg>
                                        </a>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                            <table class="col-mobile hidden-md hidden-sm hidden-lg">
                                <tbody>
                                <tr>
                                    <td class="col-actions">
                                    </td>
                                </tr>
                                <tr>
                                    <td class="col-delete">
                                        <a href="#" rel="tooltip" data-toggle="tooltip" data-placement="top" title="" data-item="10876" data-aid="189019" class="wishlist-delete" data-original-title="删除"><i class="icon icon-ico-delete"></i></a>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>

                        <div class="wish-element">
                            <table class="bg-white container-fluid">
                                <tbody>
                                <tr>
                                    <td class="col-artwork ">
                                        <a href="#" data-mfp-src="https://singulart-website-prod.s3.eu-central-1.amazonaws.com/artworks/pictures/cropped/4475/13241/zoom/serie_13241_8dacfc22e415297663a215d1b087b77f.jpeg">
                                            <img class=" p-2 img-auto  mx-auto d-block" src="../images/serie_2043_80ebd411045e8e5e9322cc082c553119.jpeg" alt="Sunshine Tree"></a>
                                    </td>
                                    <td class="col-desc ">
                                        <div class="artwork-title " title="Red flow"><a class="text-decoration-none text-black small" href="/zh/artworks/david-gista-red-flow-189019"><strong>
                                            Sunshine
                                            Tree</strong></a></div>
                                        <p class="artwork-artist mb-0">
                                            <a class="text-decoration-none text-secondary small" href="/zh/artist/david-gista-76">
                                                Ashvin Harrison
                                            </a>
                                        </p>
                                        <p class="artwork-desc text-decoration-none text-secondary small mb-0">
                                            122x183 cm - 2019
                                        </p>
                                        <div class="price d-block d-sm-none">
                                            <div class="price small" style="color:#d5a770">
                                                咨询作品价格</div>
                                        </div>
                                    </td>
                                    <td class="col-price  d-none d-sm-block p-3">
                                        <div class="title small">状态</div>
                                        <div class="h5 price" style="color: #d5a770">已出售
                                        </div>
                                    </td>
                                    <td class="col-actions hidden-xs">
                                    </td>
                                    <td class="col-delete hidden-xs">
                                        <a href="#" rel="tooltip" data-toggle="tooltip" data-placement="top" title="" data-item="10874" data-aid="260607" class="wishlist-delete" data-original-title="删除">
                                            <svg class="text-dark" xmlns="http://www.w3.org/2000/svg" width="23" height="23" fill="currentColor" class="bi bi-trash" viewBox="0 0 16 16">
                                                <path
                                                        d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6z" />
                                                <path fill-rule="evenodd"
                                                      d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118zM2.5 3V2h11v1h-11z" />
                                            </svg></i>
                                        </a>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                            <table class="col-mobile hidden-md hidden-sm hidden-lg">
                                <tbody>
                                <tr>
                                    <td class="col-actions">
                                    </td>
                                </tr>
                                <tr>
                                    <td class="col-delete">
                                        <a href="#" rel="tooltip" data-toggle="tooltip" data-placement="top" title="" data-item="10874" data-aid="260607" class="wishlist-delete" data-original-title="删除"><i class="icon icon-ico-delete"></i></a>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>

                        <div class="wish-element">
                            <table class="bg-white container-fluid">
                                <tbody>
                                <tr>
                                    <td class="col-artwork ">
                                        <a href="#" data-mfp-src="https://singulart-website-prod.s3.eu-central-1.amazonaws.com/artworks/pictures/cropped/2099/4549/zoom/serie_4549_c7ff6bc085c4e0b90872e8e6b6ad275b.jpeg">
                                            <img class="p-2 img-auto  mx-auto d-block p-2" src="../images/serie_6857_49d9869fa5cf1737d1ea63e59ce5819f.jpeg" alt="Conspirators &amp; the master plan"></a>
                                    </td>
                                    <td class="col-desc ">
                                        <div class="artwork-title " title="Red flow"><a class="text-decoration-none text-black small" href="/zh/artworks/david-gista-red-flow-189019"><strong>
                                            Sugarbush
                                            Flower</strong></a></div>
                                        <p class="artwork-artist mb-0">
                                            <a class="text-decoration-none text-secondary small" href="/zh/artist/david-gista-76">
                                                Ashvin Harrison
                                            </a>
                                        </p>
                                        <p class="artwork-desc text-decoration-none text-secondary small mb-0">
                                            42x30 cm - 2019
                                        </p>
                                        <div class="price hidden-md hidden-lg hidden-sm d-block d-sm-none">
                                            <div class="price small" style="color:#d5a770">
                                                咨询作品价格</div>

                                        </div>
                                    </td>
                                    <td class="col-price hidden-xs  d-none d-sm-block p-3">
                                        <div class="title small">状态</div>
                                        <div class="h5 price" style="color: #d5a770">已出售
                                        </div>
                                    </td>
                                    <td class="col-actions hidden-xs">
                                    </td>
                                    <td class="col-delete hidden-xs">
                                        <a href="#" rel="tooltip" data-toggle="tooltip" data-placement="top" title="" data-item="10872" data-aid="300097" class="wishlist-delete" data-original-title="删除">
                                            <svg class="text-dark" xmlns="http://www.w3.org/2000/svg" width="23" height="23" fill="currentColor" class="bi bi-trash" viewBox="0 0 16 16">
                                                <path
                                                        d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6z" />
                                                <path fill-rule="evenodd"
                                                      d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118zM2.5 3V2h11v1h-11z" />
                                            </svg>
                                        </a>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                            <table class="col-mobile hidden-md hidden-sm hidden-lg">
                                <tbody>
                                <tr>
                                    <td class="col-actions">
                                    </td>
                                </tr>
                                <tr>
                                    <td class="col-delete">
                                        <a href="#" rel="tooltip" data-toggle="tooltip" data-placement="top" title="" data-item="10872" data-aid="300097" class="wishlist-delete" data-original-title="删除"><i class="icon icon-ico-delete"></i></a>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>

                        <div class="wish-element">
                            <table class="bg-white container-fluid">
                                <tbody>
                                <tr>
                                    <td class="col-artwork ">
                                        <a href="#" data-mfp-src="https://singulart-website-prod.s3.eu-central-1.amazonaws.com/artworks/v2/cropped/9449/main/zoom/319905_ae369db98cf92701274023cd21da9f36.jpeg">
                                            <img class="p-2 img-auto  mx-auto d-block" src="../images/serie_18575_70be31961c3d1f99d6a5d9687b67fde9.jpeg" alt="Song, 1986"></a>
                                    </td>
                                    <td class="col-desc ">
                                        <div class="artwork-title " title="Red flow"><a class="text-decoration-none text-black small" href="/zh/artworks/david-gista-red-flow-189019"><strong>
                                            Song,
                                            1986</strong></a></div>
                                        <p class="artwork-artist mb-0">
                                            <a class="text-decoration-none text-secondary small" href="/zh/artist/david-gista-76">
                                                Catalina Jaramillo
                                            </a>
                                        </p>
                                        <p class="artwork-desc text-decoration-none text-secondary small mb-0">
                                            18x24 in - 0
                                        </p>
                                        <div class="price hidden-md hidden-lg hidden-sm d-block d-sm-none">
                                            <div class="price small" style="color:#d5a770">
                                                咨询作品价格</div>

                                        </div>
                                    </td>
                                    <td class="col-price hidden-xs  d-none d-sm-block p-3">
                                        <div class="title small">状态</div>
                                        <div class="h5 price" style="color: #d5a770">已出售
                                        </div>
                                    </td>
                                    <td class="col-actions hidden-xs">
                                    </td>
                                    <td class="col-delete hidden-xs">
                                        <a href="#" rel="tooltip" data-toggle="tooltip" data-placement="top" title="" data-item="10870" data-aid="319905" class="wishlist-delete" data-original-title="删除">
                                            <svg class="text-dark" xmlns="http://www.w3.org/2000/svg" width="23" height="23" fill="currentColor" class="bi bi-trash" viewBox="0 0 16 16">
                                                <path
                                                        d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6z" />
                                                <path fill-rule="evenodd"
                                                      d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118zM2.5 3V2h11v1h-11z" />
                                            </svg>
                                        </a>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                            <table class="col-mobile hidden-md hidden-sm hidden-lg">
                                <tbody>
                                <tr>
                                    <td class="col-actions">
                                    </td>
                                </tr>
                                <tr>
                                    <td class="col-delete">
                                        <a href="#" rel="tooltip" data-toggle="tooltip" data-placement="top" title="" data-item="10870" data-aid="319905" class="wishlist-delete" data-original-title="删除"><i class="icon icon-ico-delete"></i></a>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>

                        <div class="wish-element">
                            <table class="bg-white container-fluid">
                                <tbody>
                                <tr>
                                    <td class="col-artwork ">
                                        <a href="#" data-mfp-src="https://singulart-website-prod.s3.eu-central-1.amazonaws.com/artworks/v2/cropped/9449/main/zoom/319943_f407beda31577588494ff10fe47127a8.jpeg">
                                            <img class="p-2 img-auto  mx-auto d-block" src="../images/serie_3538_29d619dfa90d179ec0319d92de9c33f4.jpeg" alt="New Year, 1986"></a>
                                    </td>
                                    <td class="col-desc ">
                                        <div class="artwork-title " title="Red flow"><a class="text-decoration-none text-black small" href="/zh/artworks/david-gista-red-flow-189019"><strong>
                                            New
                                            Year, 1986</strong></a></div>
                                        <p class="artwork-artist mb-0">
                                            <a class="text-decoration-none text-secondary small" href="/zh/artist/david-gista-76">
                                                Catalina Jaramillo
                                            </a>
                                        </p>
                                        <p class="artwork-desc text-decoration-none text-secondary small mb-0">
                                            4x6 in - 0
                                        </p>
                                        <div class="price hidden-md hidden-lg hidden-sm d-block d-sm-none">
                                            <div class="price small" style="color:#9d9d9d">已下架 </div>

                                        </div>
                                    </td>
                                    <td class="col-price hidden-xs  d-none d-sm-block p-3">
                                        <div class="title small">状态</div>
                                        <div class="h5 price" style="color:#9d9d9d">已下架
                                        </div>
                                    </td>
                                    <td class="col-actions hidden-xs">
                                    </td>
                                    <td class="col-delete hidden-xs">
                                        <a href="#" rel="tooltip" data-toggle="tooltip" data-placement="top" title="" data-item="10868" data-aid="319943" class="wishlist-delete" data-original-title="删除">
                                            <svg class="text-dark" xmlns="http://www.w3.org/2000/svg" width="23" height="23" fill="currentColor" class="bi bi-trash" viewBox="0 0 16 16">
                                                <path
                                                        d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6z" />
                                                <path fill-rule="evenodd"
                                                      d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118zM2.5 3V2h11v1h-11z" />
                                            </svg>
                                        </a>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                            <table class="col-mobile hidden-md hidden-sm hidden-lg">
                                <tbody>
                                <tr>
                                    <td class="col-actions">
                                    </td>
                                </tr>
                                <tr>
                                    <td class="col-delete">
                                        <a href="#" rel="tooltip" data-toggle="tooltip" data-placement="top" title="" data-item="10868" data-aid="319943" class="wishlist-delete" data-original-title="删除"><i class="icon icon-ico-delete"></i></a>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>

                        <div class="wish-element">
                            <table class="bg-white container-fluid">
                                <tbody>
                                <tr>
                                    <td class="col-artwork ">
                                        <a href="#" data-mfp-src="https://singulart-website-prod.s3.eu-central-1.amazonaws.com/artworks/v2/cropped/9449/main/zoom/319923_6e7dfac8219bd049a4942808f5ed7888.jpeg">
                                            <img class="p-2 img-auto  mx-auto d-block" src="../images/serie_4299_d47bbcd782b55ba90cbc1d83819a052c.jpeg" alt="Their Prom, 1983"></a>
                                    </td>
                                    <td class="col-desc ">
                                        <div class="artwork-title " title="Red flow"><a class="text-decoration-none text-black small" href="/zh/artworks/david-gista-red-flow-189019"><strong>
                                            Their
                                            Prom, 1983</strong></a></div>
                                        <p class="artwork-artist mb-0">
                                            <a class="text-decoration-none text-secondary small" href="/zh/artist/david-gista-76">
                                                Catalina Jaramillo
                                            </a>
                                        </p>
                                        <p class="artwork-desc text-decoration-none text-secondary small mb-0">
                                            8x10 in - 0
                                        </p>
                                        <div class="price hidden-md hidden-lg hidden-sm d-block d-sm-none">
                                            <div class="price small" style="color:#d5a770">
                                                咨询作品价格</div>

                                        </div>
                                    </td>
                                    <td class="col-price hidden-xs  d-none d-sm-block p-3">
                                        <div class="title small">状态</div>
                                        <div class="h5 price" style="color: #d5a770">已出售
                                        </div>
                                    </td>
                                    <td class="col-actions hidden-xs">
                                    </td>
                                    <td class="col-delete hidden-xs">
                                        <a href="#" rel="tooltip" data-toggle="tooltip" data-placement="top" title="" data-item="10866" data-aid="319923" class="wishlist-delete" data-original-title="删除">
                                            <svg class="text-dark" xmlns="http://www.w3.org/2000/svg" width="23" height="23" fill="currentColor" class="bi bi-trash" viewBox="0 0 16 16">
                                                <path
                                                        d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6z" />
                                                <path fill-rule="evenodd"
                                                      d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1zM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118zM2.5 3V2h11v1h-11z" />
                                            </svg>
                                        </a>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                            <table class="col-mobile hidden-md hidden-sm hidden-lg">
                                <tbody>
                                <tr>
                                    <td class="col-actions">
                                    </td>
                                </tr>
                                <tr>
                                    <td class="col-delete">
                                        <a href="#" rel="tooltip" data-toggle="tooltip" data-placement="top" title="" data-item="10866" data-aid="319923" class="wishlist-delete" data-original-title="删除"><i class="icon icon-ico-delete"></i></a>
                                    </td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>

                </div>

            </div>
            <div id="menu3" class="container tab-pane fade"><br>
                <h2 class="text-center p-5 pt-2">我的销售统计 </h2>
                <div class="table-responsive">
                    <table class="table table-striped table-sm table-hover">
                        <thead>
                        <tr>
                            <th scope="col">No</th>
                            <th scope="col">作品</th>
                            <th scope="col">类型</th>
                            <th scope="col">作者</th>
                            <th scope="col">定价</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr>
                            <td>1,001</td>
                            <td>Wonderings</td>
                            <td>日常</td>
                            <td>Rie Kono</td>
                            <td>1,570,000</td>
                        </tr>
                        <tr>
                            <td>1,002</td>
                            <td>A Dream</td>
                            <td>油画</td>
                            <td>Vincent Bardou</td>
                            <td>8,200</td>
                        </tr>
                        <tr>
                            <td>1,003</td>
                            <td>Red Apples</td>
                            <td>雕塑</td>
                            <td>Peter Nottrott</td>
                            <td>300</td>
                        </tr>
                        <tr>
                            <td>1,003</td>
                            <td>Miam</td>
                            <td>素描</td>
                            <td>Kristin Kossi</td>
                            <td>5,204,543</td>
                        </tr>
                        <tr>
                            <td>1,004</td>
                            <td>Fast Food </td>
                            <td>肖像</td>
                            <td>Ta Thimkaeo</td>
                            <td class="text-success">暂无定价</td>
                        </tr>
                        <tr>
                            <td>1,005</td>
                            <td>Nightlife inspirations</td>
                            <td>纸上作品</td>
                            <td>Joan Llaverias</td>
                            <td>2，580</td>
                        </tr>
                        <tr>
                            <td>1,006</td>
                            <td>MONA VALE</td>
                            <td>风景画</td>
                            <td>Majed Alshehri </td>
                            <td class="text-success">暂无定价</td>
                        </tr>
                        <tr>
                            <td>1,007</td>
                            <td>Mountain's in fire</td>
                            <td>幻想</td>
                            <td>Ashvin Harrison</td>
                            <td>3，452，000</td>
                        </tr>
                        <tr>
                            <td>1,008</td>
                            <td>Venice</td>
                            <td>半幻想</td>
                            <td>Laura Letchinger</td>
                            <td>36，224</td>
                        </tr>
                        <tr>
                            <td>1,009</td>
                            <td>Fire. Embraced</td>
                            <td>抽象</td>
                            <td>Sergey Popov</td>
                            <td class="text-success">暂无定价</td>
                        </tr>
                        <tr>
                            <td>1,010</td>
                            <td>Jump</td>
                            <td>日常</td>
                            <td>Calvin Chih-Hao Teng</td>
                            <td>112，656</td>
                        </tr>
                        <tr>
                            <td>1,011</td>
                            <td>When things are so unclear</td>
                            <td>风景画</td>
                            <td>Edelgard Schroer</td>
                            <td>1238</td>
                        </tr>
                        <tr>
                            <td>1,012</td>
                            <td>Scatola 85</td>
                            <td>连环画</td>
                            <td>Sergey Popov</td>
                            <td>9999</td>
                        </tr>
                        <tr>
                            <td>1,013</td>
                            <td>Op.458 MMXIX</td>
                            <td>纪实</td>
                            <td>Arno Bruse</td>
                            <td class="text-success">暂无定价</td>
                        </tr>
                        <tr>
                            <td>1,014</td>
                            <td>Le jardin des délices</td>
                            <td>全景</td>
                            <td>Harry Moody</td>
                            <td>578</td>
                        </tr>
                        <tr>
                            <td>1,015</td>
                            <td>freedom</td>
                            <td>记录画</td>
                            <td>Harry Moody</td>
                            <td>300</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
                <div class="container mt-3">
                    <ul class="pagination justify-content-center" style="margin:20px 0">
                        <li class="page-item"><a class="page-link" href="#">\</a></li>
                        <li class="page-item"><a class="page-link" href="#">1</a></li>
                        <li class="page-item active"><a class="page-link" href="#">2</a></li>
                        <li class="page-item"><a class="page-link" href="#">3</a></li>
                        <li class="page-item"><a class="page-link" href="#">/</a></li>
                    </ul>
                </div>
            </div>
            <div id="menu4" class="container tab-pane fade"><br>
                <h2 class="text-center px-5 pb-4 pt-2">我的友情支持</h2>
                <div class="h4 text-center text-secondary">艺术的归宿是欣赏与分享</div>
                <section class="page generic text">
                    <div class="container">
                        <div class="row py-5">
                            <div class="col-md-4 py-2">
                                <h3><span style="color: #d5a770;">我们的核心价值：</span><br>国际化，高品质，多样性</h3>
                            </div>
                            <div class="col-md-4">
                                <p style="text-align:justify">在SINGULART，我们确信数字化是为艺术市场带来透明和公平的不二法宝。
                                    <br>我们为艺术家们提供让他们自主售卖作品的平台。我们的团队每天都在竭诚工作，致力于将SINGULART的艺术家们推广到世界的每个角落。
                                </p>
                            </div>
                            <div class="col-md-4">
                                <p style="text-align:justify">
                                    在展示来自世界各地的艺术家的同时，我们也希望能够提供给艺术爱好者和收藏家们一个探索新的艺术境界，拥抱新文化，并感受艺术带来的感动的空间。</p>
                            </div>
                        </div>
                    </div>
                </section>
                <section class="page generic text team">
                    <div class="container">
                        <header>
                            <div class="row">
                                <div class="col-md-12">
                                    <h2 class="text-center p-5">我们的团队</h2>
                                </div>
                            </div>
                        </header>
                        <div class="row slider-team-mobile list m-auto d-flex justify-content-center">
                            <div class="col-md-5">
                                <div class="member p-5">
                                    <div class="thumb"><img class="img-fluid d-block mx-auto rounded-3"
                                                            style="width:auto;height:auto;max-width:160px;max-height:160px;"
                                                            src="../images/b5691956f744173a4053dc211ffe8adb.jpeg    "
                                                            alt="Vera Kempf"></div>
                                    <h4 class="text-start pt-4 ">卢嘉旺</h4>
                                    <span class="small text-center py-1" style="color: #d5a770;">联合创始人</span>
                                    <p>"Robert
                                        Capa的一张摄影完全改变了我的人生。那是我从未体验过的精神力量。我希望把这种感动带给其他人，也希望他们能由心爱的艺术品陪伴着度过每一天。"
                                    </p>

                                </div>
                            </div>
                            <div class="col-md-5">
                                <div class="member p-5">
                                    <div class="thumb"><img class="img-fluid d-block mx-auto  rounded-3"
                                                            style="width:auto;height:auto;max-width:160px;max-height:160px;"
                                                            src="../images/QQ图片20211201200519.jpg" alt="Brice Lecompte"></div>
                                    <h4 class="text-start  pt-4">谭礼赞</h4>
                                    <span class="small text-center py-1" style="color: #d5a770;">联合创始人</span>
                                    <p>"数字科技是推进机遇平等的好帮手。将我的IT技能运用于推广艺术家们到全世界去，我觉得意义非凡。”</p>

                                </div>
                            </div>


                        </div>
                    </div>
                </section>
            </div>
        </div>
    </div>
</section>
<!-- 底部 -->
<jsp:include page="${pageContext.request.contextPath}/pages/index/footer.jsp"/>
</body>

</html>
